﻿html, body, div, ul, li, a, table, thead, th, td, tr {
    margin: 0;
    padding: 0;
}


body {
    font-family: Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;

    div#wrapper {
        position: relative;
        display: block;
        width: 960px;

        ul.tab-strip {
            border-top: 1px solid black;
            border-left: 1px solid black;
            border-right: 1px solid black;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            margin-left: 15px;
            margin-top: 15px;
            width: 340px;

            li:last-of-type > a {
                border-right: 0;
            }

            li {
                display: inline-block;
                margin-right: -4px;

                div.tab-content {
                    display: none;
                }

                a {
                    text-decoration: none;
                    color: black;
                    font-size: 1.4em;
                    display: block;
                    padding: 5px 15px;
                    background: #ededed; /* Old browsers */
                    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                    background: url();
                    background: -moz-linear-gradient(top, #ededed 0%, #ababab 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ababab)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #ededed 0%,#ababab 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #ededed 0%,#ababab 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #ededed 0%,#ababab 100%); /* IE10+ */
                    background: linear-gradient(to bottom, #ededed 0%,#ababab 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ababab',GradientType=0 ); /* IE6-8 */
                    border-radius: 5px;
                    border-bottom: 1px solid black;
                    border-right: 1px solid black;
                    border-top: none;
                }
            }

            .current {
                a {
                    background: none;
                    font-weight: bold;
                    border: none;
                    border-right: 1px solid black;
                    border-radius: 0;
                }
            }

                .current > div.tab-content {
                    display: block;
                    position: absolute;
                    left: 0px;
                    margin-left: 15px;
                    padding-top: 14px;
                    padding-left: 20px;
                    border-left: 1px solid black;
                    border-right: 1px solid black;
                    border-bottom: 1px solid black;
                    width: 320px;
                    border-bottom-left-radius: 5px;
                    border-bottom-right-radius: 5px;
                    padding-bottom: 30px;
                    height: 150px;

                    & > ul {

                        & > li {
                            display: list-item;
                            list-style-type: disc;

                            & > ul > li {
                                display: list-item;
                                list-style-type: lower-alpha;
                                margin-left: 25px;
                            }
                        }
                    }

                    table {
                        border-collapse: collapse;

                        &, th, td {
                            border: 1px solid black;
                        }

                        th {
                            text-align: center;
                        }

                        th, td {
                            width: 95px;
                            height: 29px;
                        }

                        td {
                            padding-left: 5px;
                        }

                        thead {
                            background: #ababab; /* Old browsers */
                            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                            background: url();
                            background: -moz-linear-gradient(top, #ababab 0%, #eeeeee 100%); /* FF3.6+ */
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababab), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
                            background: -webkit-linear-gradient(top, #ababab 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
                            background: -o-linear-gradient(top, #ababab 0%,#eeeeee 100%); /* Opera 11.10+ */
                            background: -ms-linear-gradient(top, #ababab 0%,#eeeeee 100%); /* IE10+ */
                            background: linear-gradient(to bottom, #ababab 0%,#eeeeee 100%); /* W3C */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
                        }

                        tbody {
                            background-color: #eeeeee;
                        }
                    }
                }
        }
    }
}
